<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>专题页面01-Demo展示，桃子同学的个人空间</title>
    <link rel="stylesheet" href="/public/styles/base.css">
    <style>
        .outer{opacity: 0}
        .top-bg{background:#B4B4B4 url("/public/images/index/demo/demo_01/top_bg.png") no-repeat top center;width: 100%;height:766px;position: relative}
        .top-bg i{border-style: solid; border-color: #353535 transparent transparent transparent; position: absolute; bottom: -115px; left: 50%; border-width: 77px 45px; z-index: 2; margin-left: -45px;}
        .inner{background: #EAEAEA;position: relative;border-top: 1px solid #B4B4B4;padding-bottom: 200px;}
        .inner .bg-triangle-box.top{position: absolute;width: 100%;overflow: hidden;height: 500px;left: 0;top:0;}
        .inner .bg-triangle-box.bottom{position: absolute;width: 100%;overflow: hidden;height: 500px;left: 0;bottom:80px;border-bottom: 1px solid #B4B4B4}
        .inner .bg-triangle{position: absolute; border: 960px solid; left: 50%; margin-left: -960px; }
        .inner .bg-triangle-box.top .bg-triangle{border-color: #B4B4B4 #EAEAEA #EAEAEA #EAEAEA; top: 1px;}
        .inner .bg-triangle-box.bottom .bg-triangle{border-color: #EAEAEA #EAEAEA #B4B4B4 #EAEAEA; bottom: 1px;}
        .inner .category-box{background: #E1E1E1; width: 1180px;margin: 120px auto 0;position: relative;z-index: 2}
        .inner .category-box .title-box{text-align: center;width: 375px;margin: 0 auto 77px;}
        .inner .category-box .title-box img{margin-top: 65px;width: 132px;}
        .inner .category-box .title-box h6{border-top: 1px solid;letter-spacing:2px;padding-top: 5px;}
        .inner .category-box .title-box h3{font-size: 56px;font-family: "宋体"}
        .inner .category-box .list-box{width: 100%;background-position-x:-15px;padding-bottom: 100px;}
        .inner .category-box .list-box.one{background: url("/public/images/index/demo/demo_01/model_01.png") no-repeat left;}
        .inner .category-box .list-box.two{background: url("/public/images/index/demo/demo_01/model_02.png") no-repeat right;}
        .inner .category-box .list-box .ul-box{width: 890px;background: #fff;margin-left: 255px;}
        .inner .category-box .list-box.two .ul-box{margin-left: 30px;}
        .inner .category-box .list-box.three .ul-box{width: 100%;margin-left: 0}
        .inner .category-box .list-box ul{overflow: auto;padding: 0 7px 11px;}
        .inner .category-box .list-box.three ul{padding: 0 6px 11px;}
        .inner .category-box .list-box ul li{background: #F0F0F0;width: 280px;height: 345px;float: left;text-align: center;margin:12px 6px 0;position: relative}
        .inner .category-box .list-box ul li .tag{left: 15px; top: 0;position: absolute; text-align: center; background: #676767; width: 45px; height: 35px; font-size: 12px; color: #E1E1E1; font-family: "宋体"; }
        .inner .category-box .list-box ul li .tag:before{content: "";position: absolute;left: 0;bottom: -12px;border-width:6px 11px;border-style:solid;border-color:#676767 #f0f0f0 #f0f0f0 #676767;}
        .inner .category-box .list-box ul li .tag:after{content: "";position: absolute;right: 0;bottom: -12px;border-width: 6px 11px;border-style:solid;border-color:#676767 #676767 #f0f0f0 #f0f0f0;}
        .inner .category-box .list-box ul li .tag .tag-inner{border-left: 1px solid #888; border-right: 1px solid #888; display: block; margin: 0 3px; height: 21px; padding-top: 10px; }
        .inner .category-box .list-box ul li .tag .tag-inner i{width: 19px; height: 1px; background: #888; position: absolute; left: 14px; top: 4px;}
        .inner .category-box .list-box ul li .tag .tag-inner .left-triangle{left: 3px; bottom: -6px; position: absolute; border-width: 10px 20px 0 0; border-style: solid; border-color: #888 transparent transparent #888;}
        .inner .category-box .list-box ul li .tag .tag-inner .left-triangle:after{content: "";left: 1px; bottom: 2px; position: absolute; border-width: 9px 19px 0 0; border-style: solid; border-color: #676767 transparent transparent #676767;}
        .inner .category-box .list-box ul li .tag .tag-inner .right-triangle{right: 3px; bottom: -7px; position: absolute; border-width: 11px 0 0 20px; border-style: solid; border-color: #888 #888 transparent transparent; z-index: 2;}
        .inner .category-box .list-box ul li .tag .tag-inner .right-triangle:after{content: "";right: 1px; bottom: 2px; position: absolute; border-width: 10px 0 0 19px; border-style: solid; border-color: #676767 #676767 transparent transparent; z-index: 2;}
        .inner .category-box .list-box ul li img{width: 180px;margin-top: 8px;}
        .inner .category-box .list-box ul li h4{border-top: 1px dashed #ccc; margin-top: 10px; font-size: 20px; padding-top: 9px;}
        .inner .category-box .list-box ul li h5{color:#969595;}
        .inner .category-box .list-box ul li .price{border: 1px solid; display: block; width: 130px; height: 30px; line-height: 30px;
            text-align: center; margin: 8px auto; border-radius: 21px; color: #E63D3D;font-size: 17px;}
        .inner .category-box .list-box ul li a{height: 30px;width: 125px;float: left;color:#fff;font-size: 15px;line-height: 30px;}
        .inner .category-box .list-box ul li a.taobao{background: #999;position: relative}
        .inner .category-box .list-box ul li a.taobao:after{position: absolute; content: ""; border: 15px solid; border-color: #999 #8d8d8d #8d8d8d #999; right: -30px;}
        .inner .category-box .list-box ul li a.ali{background:#8d8d8d;width: 155px; }
    </style>
</head>
<body>
    <div class="outer">
        <div class="top-bg"><i></i></div>
        <div class="inner">
            <div class="bg-triangle-box top">
                <span class="bg-triangle"></span>
            </div>
            <div class="category-box">
                <div class="title-box">
                    <img src="/public/images/index/demo/demo_01/figure.png" alt="">
                    <h6>SEXY ELEGANT FASHION SANDALS / SLIPPERS</h6>
                    <h3>性感凉鞋/拖鞋</h3>
                </div>
                <div class="list-box one">
                    <div class="ul-box">
                        <ul>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="list-box two">
                    <div class="ul-box">
                        <ul>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="list-box three">
                    <div class="ul-box">
                        <ul>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                            <li>
                                <div class="tag">
                                    <span class="tag-inner">
                                        <i></i>
                                        <span>真皮</span>
                                        <span class="left-triangle"></span>
                                        <span class="right-triangle"></span>
                                    </span>
                                </div>
                                <img src="/public/images/index/demo/demo_01/shoe_01.png" alt="">
                                <h4>古香丽&1820</h4>
                                <h5>头层牛皮蕾丝水钻尖头浅口高跟鞋凉鞋</h5>
                                <span class="price">RMB/140</span>
                                <a href="javascript:;" class="taobao">&emsp;发布到淘宝></a>
                                <a href="javascript:;" class="ali">&emsp;&emsp;发布到阿里></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="bg-triangle-box bottom">
                <span class="bg-triangle"></span>
            </div>
        </div>
    </div>
    <script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
    <script src="/public/scripts/base.js"></script>
</body>
</html>